<script setup lang="ts">
import {ref} from "vue";
import type {RouteRecordRaw} from "vue-router";
import {NRadioButton, NRadioGroup, NSpace} from 'naive-ui'

const props = defineProps({
    buttons: {
        type: Array<RouteRecordRaw>,
        required: true,
    },
});
const value = ref("")


</script>

<template lang="pug">
button.m_top ASD
.m_top_group
    button.m_top_button b1
    button.m_top_button b2
.m_top_button_group_vertical
    button.m_top_button c1
    button.m_btn_group c2
.m_btn_group
    button.m_top_button d1
    button.m_btn_group d2
</template>

<style scoped lang="scss">

@import "@/assets/styles/sass/index";


.m_btn_group {
    @include m_btn_style_dark(24px);
    position: relative;
    vertical-align: bottom;
    font-size: $--m_font_size;
}

.m_btn_group_vertical {
    @extend .m_btn_group
}

</style>